<!-- <template>
	<view class="custom_header" style="height: {{navH}}px">
  
	  <view>左侧内容</view>
	  <view>我的</view>
	  <view>右侧内容</view>
	</view>
  </template>
  
  <script setup lang="ts">
  
  </script>
  
  <style>
  .custom_header {
	display: flex;
	justify-content: space-between;
	width: 100vw;
	line-height: 180rpx;
	font-weight: bold;
	position: fixed;
	left: 0;
	top: 0;
  }
  </style>
  -->
<template>
	<view style="box-sizing: border-box;">

	<!-- 	<u-sticky bgColor='#FFF'>
			<view class="s" style="font-weight: bold; font-size: 17px; padding: 0rpx 35rpx;">
				<LeftSearch :list='list' :router='router' />
			</view>
		</u-sticky> -->


		<view
			style="display: flex; align-items: center;justify-content:space-evenly; padding: 15px 0;border-bottom: 1px solid #ccc;margin-top: 140rpx;">
			<view style="background-color: #ccc; width:150rpx; height: 150rpx;text-align: center;border-radius: 50%;">
				<image src="../../static/办公/人员.png" mode="" style="width: 50px;height: 50px;margin-top: 10px;"></image>
			</view>
			<view style="margin-left: 15px; display: flex;flex-direction: column;">
				<text>赵小刚 <text class="txt">销售经理</text></text>
				<text class="txt" style="margin-top: 5px;letter-spacing: 0.3px; ">18033441984</text>
			</view>
			<image src='../../static/消息/右箭头.png' mode="" style="width: 30px;height: 30px; margin-left: 115px;"></image>
		</view>

		<view class="content">
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/收藏.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">重点关注</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/报告.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">我的报告</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/我的工单.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">我的工单</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/icon_考勤.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">我的考勤</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;margin-bottom: 20px;">
				<img src="../../static/我的/bg-document.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">我的文档</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/收藏.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">重点关注</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc; margin-bottom: 20px;">
				<img src="../../static/我的/收藏.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">重点关注</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/收藏.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">重点关注</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;">
				<img src="../../static/我的/收藏.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">重点关注</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>
			<view
				style="height: 45px;display: flex;align-items: center;background-color: white;padding: 0 15px;border-bottom: 1px solid #ccc;margin-bottom: 10px;">
				<img src="../../static/我的/收藏.png" alt="" style="width: 20px; height:20px;" />
				<text style="margin-left: 7px; font-size: 14px;">重点关注</text>
				<image src="../../static/消息/右箭头.png" mode="" style="width: 20px; height:20px;margin-left: 237px;">
				</image>
			</view>

		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue'
	let router = ref('')
	let pages = getCurrentPages()
	let route = pages[pages.length - 1].route
	router.value = route

	const list = ref([{
		title: "我的"
	}])
</script>

<style lang="scss">
	.txt {
		font-size: 14px;
		color: #b8b6b6;
	}

	.content {
		// width: 100vh;
		height: auto;
		background-color: #f9f9f9;
		padding: 20px 0;
	}
</style>